import Vue from "vue";
import VueRouter from "vue-router";
import Home from "../views/Home.vue";
import Picture from "../views/Picture.vue";
import Choice from "../views/Choice.vue";
import Blessing from "../views/Blessing.vue";
import calendarBlessing from "../views/calendarBlessing.vue";
import paperBlessing from "../views/paperBlessing.vue";
import Share from "../views/Share.vue";
import Calendar from "../views/Calendar.vue";
import Papercut from "../views/Papercut.vue";
import index from "../views/index.vue";

Vue.use(VueRouter);

const routes = [
  {
    path: "/",
    name: "home",
    component: Home
  },
  {
    path: "/picture",
    name: "picture",
    // route level code-splitting
    // this generates a separate chunk (about.[hash].js) for this route
    // which is lazy-loaded when the route is visited.
    component: Picture
  },
  {
    path: "/choice",
    name: "choice",
    component: Choice
  },
  {
    path: "/blessing",
    name: "blessing",
    component: Blessing
  },
  {
    path: "/calendarBlessing",
    name: "calendarBlessing",
    component: calendarBlessing
  },
  {
    path: "/paperBlessing",
    name: "paperBlessing",
    component: paperBlessing
  },
  {
    path: "/share",
    name: "share",
    component: Share
  },
  {
    path: "/calendar",
    name: "calendar",
    component: Calendar
  },
  {
    path: "/index",
    name: "index",
    component: index
  },
  {
    path: "/papercut",
    name: "papercut",
    component: Papercut
  }
];

const router = new VueRouter({
  mode: "hash",
  // mode: "history",
  base: process.env.BASE_URL,
  routes
});

export default router;
